@import "../../../static/scss/variables";

.module__item {
    max-width: 90px;
    margin: 5px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    position: relative;

    label {
        font-size: 12px;
        margin: 0;
    }

    .module__item__toolbal {
        position: absolute;
        top: -13px;
        right: -12px;
        display: none;
    }

    &:hover .module__item__toolbal {
        display: block;
    }

    &.active {
        border-color: $brand-info;
    }
}

.module__item__icon {
    width: 35px;
    margin: auto;

    img {
        max-width: 100%;
        display: block;
    }
}

.module__row {
    min-height: 70px;
    border: 1px solid #eee;
    max-width: 410px;
    margin-bottom: 5px;
    position: relative;
}

.module__row:empty::before {
    content: '请将右侧模块拖入框内';
    color: $text-muted;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 70px;
    text-align: center;
    vertical-align: middle;
}
